@import url("rem.less");
.main{
    height: auto;
    background: linear-gradient(#fe023d,#de24d0);.pt(40);
    .m_top{
        .mt_top{
            .mtt_btn{.mb(35);
                .dis;.t_btn{
                    .w(382);.h(75);.font-dpr(12px);
                    outline: none;border: none;
                    border-radius: 20px;
                }
                .t_btn:first-child{color: #99171d;
                    background:radial-gradient(#fff,#ffee00);
                }
                .t_btn:last-child{color: #fff;
                    background:radial-gradient(#fff,#980112);
                }
            }
            .mtt_title{
                .font-dpr(25px);text-align: center;
                color: #fff;span{color: #f7eb00;}
            }
        }
        .mt_center{img{width: 100%;}}
        .mt_bottom{
            text-align: center;
            p:first-child{.font-dpr(15px);
            color: #fff;
                span{color: #f7eb00;}
            }
            p:last-child{.font-dpr(12px);color: #fff;}
        }
    }
    .m_bottom{
        background: #fef4db;border:20px solid #fcc44a;
        border-radius: 10px;.margin(40,40,40,40);
        .mb_nav{.dis;flex-wrap:wrap ;
            dl{
                width: 30%;.mt(30);.mb(30);
                text-align: center;
                dt{.w(150);.h(150);img{width: 100%;}margin: auto;.mb(30);}
                dd{.font-dpr(12px);}
            }
        }
        .mb_footer{
            border-top: 1px solid #fcc44a;.pt(17);.pb(70);.ml(25);.mr(25);
            p{.font-dpr(10px);color: #999;text-align: center;}
        }
    }
}
